<template>
    <div class="courses zCourses"><!---->
        <div class="course hover_boxShadow_defaut_shadow">
            <div class="iconPathBox"><img data-src="" src="http://10.1.6.130/static/img/imgError.35a38d64.png" lazy="error"></div>
            <div title="“智汇网游”网页设计赛" class="name"> “智汇网游”网页设计赛 </div>
            <div title="智能制造学院“数智未来”创新赛赛道二：“智汇网游”网页设计赛" class="desc"> 简介：智能制造学院“数智未来”创新赛赛道二：“智汇网游”网页设计赛 </div>
            <div class="time"> 上课时间: <span> 2025/11/5~2025/11/15 </span></div>
        </div>
        
    </div>

</template>

<style scoped>
.courses {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}

 .course {
    cursor: pointer;
    padding: 4px 10px 0;
    margin-bottom: 15px;
    width: 250px;
    height: 240px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #fff;
}
.hover_boxShadow_defaut_shadow {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .16);
    transition: box-shadow .2s linear;
}

.iconPathBox img[data-v-07407d90] {
    -o-object-fit: cover;
    object-fit: cover;
    width: 220px;
    height: 135px;
    border-radius: 8px;
}

.collapseCourses .el-collapse .el-collapse-item .el-collapse-item__wrap .courses .course .iconPathBox img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 220px;
    height: 135px;
    border-radius: 8px;
}

img {
    vertical-align: middle;
    border-style: none;
}
.hover_boxShadow_defaut_shadow {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .16);
    transition: box-shadow .2s linear;
}

.course .name,.course .desc {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
</style>